O padrão de layout a ser utilizado pelo site tem correspondência ao projeto de Interface elaborado anteriormente, conforme Figura 13.
Figura 13 - Estrutura padrão do site
O template criado está disponível no Figma, e é composto pelos seguintes layouts:
- Cabeçalho- Local onde são dispostos elementos fixos de identidade como o logo, e a navegação principal do site (menu da aplicação);
- Conteúdo- Apresentará, para cada tela, seu conteúdo personalizado;
- Rodapé - Contém informações sobre direitos autorais, newsletter e social media.
Tela que contém todas as informações principais do site.
Figura 14 - Home page
Tela com a informação do conteúdo selecionado, e a seção de comentários.
Figura 15- Tela com informação e comentario
Tela contendo dicas sobre mercado de trabalho e a funcionalidade de envio do currículo.
Figura 16- Tela envio do currículo
Tela contém opções de forma de pagamento e valores que o usuário deseja doar.
Figura 17- Tela para selecionar valor e forma de pagamento
Tela com campos para realizar o pagamento por pix.
Figura 19- Tela parapagar com pix
Tela com campos para realizar o pagamento com o cartão de crédito.
Figura 20- Tela para pagar com cartão de crédito
Tela que contém campos para realizar o pagamento da doação por meio do boleto bancário.
Figura 21- Tela para pagar com boleto
Tela contendo a mensagem ao finalizar o pagamento , por um dos meios escolhidos pelo usuário.
Figura 22- Tela com mensagem de pagamento realizado